 $(function () {
    var $mesBox = $('#words'), // 装聊天记录的框
    oStatus = $('.status'),
    $text = $('#talkwords'),// 输入消息文字的输入框
    $sendBtn = $('#talksub');// 发送按钮
    // 消息滚动到底部
    function scrollIntoView() {
    //当前元素底部
    $(".talk_show").scrollTop($(".talk_show")[0].scrollHeight);
    console.log('触发了')
}
    //   1. 给发送按钮添加点击事件
    $sendBtn.click(function () {
    // 2.获取文本输入框中的内容
    var sTextCon = $text.val();
    // 3.如果文本输入框没有输入内容,弹出提示框,就结束运行
    if (sTextCon == '') {
    alert('老实点,不能发空消息啊!');
    return;
}
    var oLi = document.createElement('li')
    oLi.innerText = sTextCon
    console.log(oLi.innerText);
    oLi.classList.add('btalk')
    $mesBox.append(oLi)
    oStatus.css('display', 'block')
    $text.val('');
    scrollIntoView()
    // 自动回复区域
    var question = ["是否有货？", "什么时候发货?", "什么时候发货?", "什么时候到货? ", "可以便宜一点吗? ", "质量问题"];
    var replyData = [
    '由于本店目前咨询量较大，客服小姐姐正快马加鞭地赶来为您服务，有喜欢的商品可以直接下单哦，如果对商品有任何的疑问可以先留言，客服小姐姐看到后会马上回复哦！',
    '抱歉现在消息太多啦，客服小姐姐正在努力地回复中，请您稍等一下哦~',
    '这次是我不经意的离开，却造成我们失之交臂的遗憾。于是我忘记了吃饭，无法再安睡，于是我不甘寂寞急忙归来。',
    '亲，目前本店咨询的顾客较多，十分抱歉不能及时回复您。宝贝数量有限，喜欢的话可以直接下单哦~',
    '亲爱的顾客，您的眼光真好！这么好的宝贝都被您发现了！喜欢的话记得拍下哦，早日把这款颜值和性价比于一身的宝贝带回家哦~如果对宝贝有任何的疑问可以留言哦，客服将马上为您解答。',
    '掌柜正在仓库卖力地打包中，非常抱歉没能及时回复您的消息，如果对咱家的宝贝有任何疑问都可以留言哦，掌柜马上回来为您解答。',
    '亲，非常感谢您对小店的光临，目前店内咨询的顾客比较多，客服小姐姐正在一个一个回复哦，请您耐心等待。也可以留言给客服小姐姐哦，看到后会立即回复您哒~',
    '亲您好，我们的宝贝都是七天无理由退换的哟，您收到宝贝之后，如果对我们的宝贝有任何不满意，都可以联系我们的客服申请退换货哦。',
    ];
    var replyData2 = ["亲，您看中的这款宝贝是有现货的呢，您可以放心拍哦O(_)O~ ",
        "亲，您拍下的42个小时内就可以为您安排发货的呢",
    "亲，默认是发韵达快递哦，您这边可以收到韵达的货吗?韵达不到的地方我们可以为您安排发EMS，EMS是全国通达的，但是EMS是不包邮的呢，需要您补邮费10元，(发顺风的一样要补邮费20)",
        "亲，一般韵达发货以后3天左右可以到货的呢，您收到货以后可以仔细检查一下，如有任何质量问题，7天内可以无条件退换货的，邮费也是外面承担。(顺风一般两天内到货，偏远地区会延迟到货时间)(EMS一般3-5天到货，偏远地区7天左右到货) ",
        "亲，非常抱歉，我们的定价已经是最低销售价格了呢，没有办法再优惠啦~~~  ",
        "亲，我们是商城正品，质量都是有保证的，您这边可以完全放心拍下哦"];
    //遍历输入内容是否在问题中存在
    var index = question.indexOf(sTextCon); //1 ? -1
    console.log(index)

    // 判断回复内容
    var responseText = index == -1 ?
    replyData[getNumber(0, parseInt(replyData.length) - 1)] : replyData2[index]
    var oLiB = document.createElement("li");
    oLiB.innerText = responseText;

    // 1s后自动回复
    setTimeout(() => {
        oStatus.css('display', 'block')
    $mesBox.append(oLiB);

    scrollIntoView()
    oStatus.css('display', 'none')
}, getNumber(1000, 5000));

    //求随机数
    function getNumber(min, max) {
    return parseInt(Math.random() * (max - min + 1) + min)
}
})

})
    // 设置右下角
    $(document).ready(function () {
    $('.close2').click(function () {
        $('.talk_con').slideToggle()
        console.log("退出成功")
    })
    $('#click').click(function () {
    $('.talk_con').slideToggle()
})
})

